<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<!-- 员工基本信息 -->
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="名榜,wangid">
    <title>个人信息</title>

    <!-- CSS -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/children.css">

    <!-- 在线图标库 地址：http://fontawesome.dashgame.com/-->
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- layui css -->
    <link rel="stylesheet" href="layui/css/layui.css">
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    
    
</head>

<body>
    <div class="bg_box" style="background: url(images/20180604.jpg) no-repeat center center; background-size: cover;"></div>
    <div class="container" style="background-color: transparent;">
    <div class="wangid_conbox" style="background-color: transparent;">
        <!-- 当前位置 -->
        <div class="zy_weizhi bord_b">
            <i class="fa fa-home fa-3x"></i>
            <a href="UsersHomePage.jsp">首页</a>
            <a>我的基本信息</a>
        </div>
        <!-- 内容 -->    
        <div class="wenxts_ke" style="background-color: transparent;">
            <p><i>温馨提示：</i>请认真核对自己基本信息正确无误</p>
        </div>
        <div class="kehubh_tj_k">
            <form class="layui-form layui-form-pane" action="">
            <ul> 
                <li>
                    <div class="left">用户名：</div>
                    <div class="right"> 
                    <c:if test="${sessionScope.userMessage!=null }">
                        <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.userName}" autocomplete="off" class="layui-input" readonly>   
                    </c:if>
                    </div>
                </li>
                <li>
                    <div class="left">性别：</div>
                    <div class="right"> 
                    <c:if test="${sessionScope.userMessage!=null }">
                        <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.userSex }" autocomplete="off" class="layui-input" readonly>
                     </c:if>
                    </div>
                </li>
                <li>
                    <div class="left">工号：</div>
                    <div class="right"> 
                    <c:if test="${sessionScope.userMessage!=null }">  
                        <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.userId }" autocomplete="off" class="layui-input" readonly>
                    </c:if>
                    </div>
                </li>
                <li>
                    <div class="left">所属部门：</div>
                    <div class="right"> 
                    <c:if test="${sessionScope.userMessage!=null }"> 
                        <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.deptName }" autocomplete="off" class="layui-input" readonly>
                    </c:if>
                    </div>
                </li>
                <li>
                    <div class="left">部门职位：</div>
                    <div class="right">
                    <c:if test="${sessionScope.userMessage!=null }"> 
                            <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.posName }" autocomplete="off" class="layui-input" readonly>
                    </c:if>
                    </div>
                </li>
                <li>
                    <div class="left">联系方式：</div>
                    <div class="right">
                    <c:if test="${sessionScope.userMessage!=null }">
                            <input type="text" name="title" style="border-radius: 10px;" required lay-verify="required" value="${sessionScope.userMessage.phone }" autocomplete="off" class="layui-input" readonly>
                    </c:if>
                    </div>
                </li>
                <!-- <li>
                    <div class="left"> &nbsp;</div>
                    <div class="right"> 
                        <button class="button_qr">编辑</button>
                    </div>
                </li> -->
            </ul> 
            </form>
        </div>
    </div>
    </div>   
    <style>
     
       .layui-form-pane .layui-form-checkbox {
              margin: 12px 0 4px 10px!important;
         }
       .left{
				margin-left:230px;
			}
			div{
				font-family:haettenschweiler;
				font-size: medium;
			}
    </style>
	<!-- houl --> 
	<!-- 结束 -->
    <!-- layui js -->
    <script src="layui/layui.js"></script>
    
</body>

</html>
<script>
        layui.use(['form', 'layedit', 'laydate'], function(){
          var form = layui.form
          ,layer = layui.layer
          ,layedit = layui.layedit
          ,laydate = layui.laydate;
        });
        </script>
